@font-face {
    font-family: 'DINBold';
    src: url('../font/DINBold.eot');
    src:
    url('../font/DINBold.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINBold.woff') format('woff'),
    url('../font/DINBold.ttf') format('truetype'),
    url('../font/DINBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINMed';
    src: url('../font/DINMed.eot');
    src:
    url('../font/DINMed.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINMed.woff') format('woff'),
    url('../font/DINMed.ttf') format('truetype'),
    url('../font/DINMed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ROBOTOBOLD';
    src: url('../font/ROBOTOBOLD.eot');
    src:
    url('../font/ROBOTOBOLD.eot?#font-spider') format('embedded-opentype'),
    url('../font/ROBOTOBOLD.woff') format('woff'),
    url('../font/ROBOTOBOLD.ttf') format('truetype'),
    url('../font/ROBOTOBOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ROBOTOREG';
    src: url('../font/ROBOTOREG.eot');
    src:
    url('../font/ROBOTOREG.eot?#font-spider') format('embedded-opentype'),
    url('../font/ROBOTOREG.woff') format('woff'),
    url('../font/ROBOTOREG.ttf') format('truetype'),
    url('../font/ROBOTOREG.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";

body{font-family: "Source Han Sans CN","Microsoft Yahei","SimSun",Arial,sans-serif;;}
.header{position: relative;}
.header .logo{height: 90px;line-height: 90px;}
.header .right{text-align: right;padding-top: 16px;}
.header .right a.mail{display: inline-block;margin-bottom: 6px;padding-left: 35px;font-size: 14px;color: #333333;line-height: 16px;background: url(../images/headerIcon.png) no-repeat left top;}
.header .right a.mail:hover{color: #e60012;}
.header .right a.query{display: inline-block;margin-bottom: 6px;padding-left: 26px;font-size: 14px;color: #333333;line-height: 16px;background: url(../images/queryIcon.png) no-repeat left top;background-size: auto 100%;}
.header .right a.query:hover{color: #e60012;}
.header .right .form{border:1px solid #dcdcdc;border-radius: 5px;}
.header .right .form .text{padding-left: 15px;width: 221px;height: 31px;border:none;background: none;font-size: 14px;color: #333333;line-height: 31px;}
.header .right .form .subm{width: 31px;height: 31px;border:none;background: url(../images/headerIcon.png) no-repeat left -16px;}



.nav{background: #105fa9;background: -moz-linear-gradient( -180deg, rgb(0,66,142) 0%, rgb(16,95,170) 100%);
  background: -webkit-linear-gradient( -180deg, rgb(0,66,142) 0%, rgb(16,95,170) 100%);
  background: -ms-linear-gradient( -180deg, rgb(0,66,142) 0%, rgb(16,95,170) 100%);position: relative;z-index: 3;}
.nav .nLi{position: relative;padding: 0 19px;background: url(../images/line.png) no-repeat left center;}
.nav .nLi:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0, 34, 73, 0.5);transform: scaleX(0);
-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.nav .nLi:first-child{background: none;}
.nav .nLi h3 a{display: block;padding-left: 32px;position: relative;z-index: 2;font-size: 22px;line-height: 70px;color: #ffffff;font-weight: normal;}
.nav .nLi h3 a:before{content: "";width: 30px;height: 24px;position: absolute;left: 0;top:50%;margin-top: -12px;background: url(../images/navIcon1.png) no-repeat left top;}
.nav .nLi.on:before,.nav .nLi:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.nav .nLi.nLi9{padding: 0 14px 0 11px;}
.nav .nLi.nLi9 h3 a{padding-left: 0;}
.nav .nLi.nLi9 h3 a:before{display: none;}
.nav .nLi.nLi2 h3 a:before{background-position: left -24px;}
.nav .nLi.nLi3 h3 a:before{background-position: left -48px;}
.nav .nLi.nLi4 h3 a:before{background-position: left -72px;}
.nav .nLi.nLi5 h3 a:before{background-position: left -96px;}
.nav .nLi.nLi6 h3 a:before{background-position: left -120px;}
.nav .nLi.nLi7 h3 a:before{background-position: left -144px;}
.nav .nLi.nLi8 h3 a:before{background-position: left -168px;}
.nav .nLi .navSub{position: absolute;left: 0;top:70px;width: 100%;background: #105fa9;text-align: center;display: none;}
.nav .nLi .navSub ul li a{display: block;font-size: 15px;color: #fff;line-height: 24px;padding: 10px 0;position: relative;}
.nav .nLi .navSub ul li a:hover{background: #063e77;}
.nav .nLi .navSub ul li a:before{content: "";position: absolute;left: 0;top: 0;width: 3px;height: 0;background-color: #e60012;transition: 0.3s;}
.nav .nLi .navSub ul li a:hover:before{height: 100%;}

.banner{width: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide a{display: block;width: 100%;height: 0;padding-bottom: 650px;background-repeat: no-repeat;background-position: center;background-size: cover;
-webkit-transition:all 2s linear;transition:all 2s linear;}
.banner .swiper-pagination{bottom: 32px;height: 10px;line-height: 10px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius: 5px;opacity: 1;margin: 0 3px;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;cursor: pointer;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 50px;height: 50px;margin-top: -25px;background: url(../images/arrow.png) no-repeat left top;opacity: 0;}
.banner .swiper-button-next{background-position: right top;}
.banner .swiper-button-prev{left: -30px;}
.banner .swiper-button-next{right: -30px;}
.banner:hover .swiper-button-prev{left: 3%;opacity: 1;}
.banner:hover .swiper-button-next{right: 3%;opacity: 1;}

.isect1{margin: 36px auto 38px;}
.isect1 dl{height: 75px;padding-left: 193px;position: relative;}
.isect1 dl dt{width: 193px;height: 75px;position: absolute;left: 0;top:0;background: #00428e;line-height: 75px;}
.isect1 dl dt a{display: block;text-align: center;font-size: 30px;color:#ffffff;font-weight: bold;}
.isect1 dl dd{padding: 15px 11px 15px 26px;border:1px solid #dcdcdc;border-left: none;}
.isect1 dl dd .container{width: 100%;height: 45px;position: relative;overflow: hidden;}
.isect1 dl dd .container .wrap{display: block;padding: 0 112px 0 29px;position: relative;height: 45px;line-height: 45px;}
.isect1 dl dd .container .wrap .dot{width: 16px;height: 16px;position: absolute;left: 0;top:50%;margin-top: -8px;border-radius: 50%;background: #b2c6dd;}
.isect1 dl dd .container .wrap .dot:before{content: "";width: 8px;height: 8px;position: absolute;left: 50%;top:50%;margin: -4px 0 0 -4px;background: #00428e;border-radius: 50%;animation: circleAni 2s infinite;}
.isect1 dl dd .container .wrap h5{font-size: 25px;color: #00428e;}
.isect1 dl dd .container .wrap span{position: absolute;right: 0;top:0;font-size: 18px;color: #00428e;font-family: "DINBold";}
.isect1 dl dd .container .wrap:hover h5{color: #e60012;}
.isect1 dl dd .container .wrap:hover .dot{background: #e9969c;}
.isect1 dl dd .container .wrap:hover .dot:before{background: #e60012;}
@keyframes circleAni{
    from {opacity: 1;transform: scale(1);}
    to {opacity: 0;transform: scale(1.5);}
}

.isect2{margin-bottom: 50px;}
.isect2 .isect2_1{width: 50%;}
.isect2 .isect2_1 .container{width: 100%;position: relative;overflow: hidden;}
.isect2 .isect2_1 .container .wrap{display: block;width: 100%;height: 0;padding-bottom: 366px;position: relative;overflow: hidden;}
.isect2 .isect2_1 .container .wrap em,
.isect2 .isect2_1 .container .wrap b{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.isect2 .isect2_1 .container .wrap em{background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect2 .isect2_1 .container .wrap b{background: url(../images/mask.png) no-repeat center;background-size: cover;z-index: 2;}
.isect2 .isect2_1 .container .wrap h5{position: absolute;left: 0;bottom: 0;z-index: 3;width: 100%;box-sizing:border-box;padding: 0 120px 0 22px;font-size: 18px;line-height: 52px;color: #ffffff;}
.isect2 .isect2_1 .container .swiper-pagination{bottom: 23px;left: auto;right: 11px;height: 9px;line-height: 9px;font-size: 0;width: auto;}
.isect2 .isect2_1 .container .swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px;background: #ffffff;border-radius: 4px;opacity: 0.5;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;margin: 0 8px 0 0;}
.isect2 .isect2_1 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 30px;}

.isect2 .isect2_2{width: 47.48%;}
.isect2 .isect2_2 .tabs{border-bottom: 1px solid #dcdcdc;}
.isect2 .isect2_2 .tabs ul li{margin-left: 68px;}
.isect2 .isect2_2 .tabs ul li:first-child{margin-left: 0;}
.isect2 .isect2_2 .tabs ul li a{display: block;font-size: 20px;color: #222222;line-height: 20px;height: 36px;font-weight: bold;position: relative;}
.isect2 .isect2_2 .tabs ul li a:before{content: "";width: 100%;height: 3px;position: absolute;left: 0;bottom: -1px;z-index: 2;background: url(../images/line1.jpg) no-repeat center;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.isect2 .isect2_2 .tabs ul li.active a{color: #00428e;}
.isect2 .isect2_2 .tabs ul li.active a:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.isect2 .isect2_2 .container{width: 100%;position: relative;overflow: hidden;}

.list li{border-bottom: 1px solid #f1f1f1;}
.list li a{display: block;height: 54px;line-height: 54px;padding: 0 100px 0 20px;position: relative;}
.list li a .dot{width: 10px;height: 10px;background: #ececec;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top: -5px;}
.list li a .dot:before{content: "";width: 4px;height: 4px;background: #bfbfbf;border-radius: 50%;position: absolute;left: 50%;top:50%;margin: -2px 0 0 -2px;}
.list li a h5{font-size: 18px;color: #333333;font-weight: normal;}
.list li a span{position: absolute;right: 0;top:0;color: #999999;font-size: 16px;font-family:"DINMed";}
.list li a:hover .dot{background: #b2c6dd;}
.list li a:hover .dot:before{background: #00428e;}
.list li a:hover h5{color: #00428e;}

.isect3{margin-bottom: 103px;}
.isect3 .container{height: 135px;position: relative;overflow: hidden;}
.isect3 .container a{display: block;width: 100%;height: 135px;background-repeat: no-repeat;background-position: center;background-size: cover;}

.isect4{margin-bottom: 78px;position: relative;}
.isect4 .tabs{width: 100%;display: flex;position: relative;z-index: 2;}
.isect4 .tabs li{width: 15.6%;background-color:rgb(0, 89, 179,.4);}
.isect4 .tabs li.active{width: 22%;}
.isect4 .tabs li a{display: block;text-align: center;font-size: 0;height: 111px;line-height: 111px;position: relative;border-left: 1px solid #fff;}
.isect4 .tabs li:first-child a{border:none;}
.isect4 .tabs li a h5{display: inline-block;font-size: 30px;color: #ffffff;padding-left: 52px;position: relative;z-index: 2;}
.isect4 .tabs li a h5:before{content: "";width: 70px;height: 40px;position: absolute;left: 0;top:50%;margin-top: -20px;background: url(../images/iprodIcon.png) no-repeat left top;}
.isect4 .tabs li a i{width: 39px;height: 19px;position: absolute;right: 37px;top:50%;margin-top: -10px;background: url(../images/arrow1.png) no-repeat center;-webkit-transform:translateX(-6px); transform:translateX(-6px);opacity: 0;z-index: 2;}
.isect4 .tabs li a:before{content: "";width: 100%;height: 4px;position: absolute;left: 0;bottom: 0;background: #00428e url(../images/line3.jpg) no-repeat left center;transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;z-index: 3;}
.isect4 .tabs li a:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #fff;opacity: 0.1;}
.isect4 .tabs li.li2 a h5{padding-left: 65px;}
.isect4 .tabs li.li3 a h5{padding-left: 45px;}
.isect4 .tabs li.li4 a h5{padding-left: 50px;}
.isect4 .tabs li.li5 a h5{padding-left: 78px;}
.isect4 .tabs li.li6 a h5{padding-left: 60px;}
.isect4 .tabs li.li2 a h5:before{background-position: -70px top;}
.isect4 .tabs li.li3 a h5:before{background-position: -140px top;}
.isect4 .tabs li.li4 a h5:before{background-position: -210px top;}
.isect4 .tabs li.li5 a h5:before{background-position: -280px top;}
.isect4 .tabs li.li6 a h5:before{background-position: -350px top;}
.isect4 .tabs li.active a{text-align: left;padding-left: 32px;}
.isect4 .tabs li.active a:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.isect4 .tabs li.active a:after{opacity: 0.8;}
.isect4 .tabs li.active a h5{color: #00428e;}
.isect4 .tabs li.active a h5:before{background-position-y:-40px;}
.isect4 .tabs li.active a i{-webkit-transform:translateX(0); transform:translateX(0);opacity: 1;}


.isect4 .content{padding: 147px 0 195px;position: relative;z-index: 2;}
.isect4 .content .wrap{width: 634px;height: 351px;box-sizing:border-box;padding: 48px 32px 0 48px;background: rgba(1,41,98,0.6);}
.isect4 .content .wrap .container{width: 100%;position: relative;overflow: hidden;}
.isect4 .content .wrap .container .slide .tit{border-bottom: 1px solid rgba(255,255,255,0.45);margin-bottom: 25px;line-height: 50px;font-size: 30px;color: #ffffff;font-weight: normal;}
.isect4 .content .wrap .container .slide .tit em{margin-right: 18px;font-size: 48px;color: #5da8ff;font-family: "ROBOTOBOLD";}
.isect4 .content .wrap .container .slide p{font-size: 18px;line-height: 28px;color: #add3fe;height: 84px;overflow: hidden;margin-bottom: 26px;font-weight: 300;}
.isect4 .content .wrap .container .slide ul{height: 80px;overflow: hidden;}
.isect4 .content .wrap .container .slide ul li{width: 33.3%;}
.isect4 .content .wrap .container .slide ul li a{padding-right: 12px;font-size: 17px;color: #ffffff;line-height: 40px;padding-left: 15px;position: relative;}
.isect4 .content .wrap .container .slide ul li a:before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #fff;position: absolute;left: 0;top:50%;margin-top: -3px;}
.isect4 .content .wrap .container .slide ul li a:hover{color: #e60c1e;}
.isect4 .content .wrap .container .slide ul li a:hover:before{background: #e60c1e;}



.isect4 .bgContainer{position: absolute;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;}
.isect4 .bgContainer .swiper-slide{height: 100%;position: relative;}
.isect4 .bgContainer .swiper-slide em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}


.ititle{margin-bottom: 64px;position: relative;font-size: 30px;line-height: 91px;color: #00428e;text-align: center;position: relative;}
.ititle:before{content: "";width: 50px;height: 4px;position: absolute;left: 50%;margin-left: -25px;bottom: 0;background: url(../images/line2.jpg) no-repeat center bottom;}

.isect5{margin-bottom: 106px;}
.isect5 .container{position: relative;overflow: hidden;margin-bottom: 47px;}
.isect5 .container:before{content: "";width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;top:157px;}
.isect5 .container .wrap{display: block;position: relative;padding: 44px 30px 30px;text-align: center;}
.isect5 .container .wrap b{z-index: 2;position: absolute;background: #4ba8e3;}
.isect5 .container .wrap b.linetop{width: 0%;height: 1px;right: 0px;top: 0px;transition: 0.5s; transition-delay: 0s;}
.isect5 .container .wrap b.lineright{width: 1px;height: 0%;bottom: -0;right: 0;transition: 0.5s;  transition-delay: 0.2s;}
.isect5 .container .wrap b.linebottom{width: 0%;height: 1px;left: 0;bottom:0;transition: 0.5s; transition-delay: 0.4s;}
.isect5 .container .wrap b.lineleft{width: 1px;height: 0%;left: 0;top:-0;transition: 0.5s; transition-delay: 0.6s; }
.isect5 .container .wrap:hover b.linetop{width: 100%; transition-delay: 0.6s;}
.isect5 .container .wrap:hover b.lineright{height: 100%; transition-delay: 0.4s;}
.isect5 .container .wrap:hover b.linebottom{width: 100%;transition-delay: 0.2s;}
.isect5 .container .wrap:hover b.lineleft{height: 100%;transition-delay: 0.8s;}
.isect5 .container .wrap .icon{display: block;width: 100px;height: 60px;margin: 0 auto 35px;position: relative;}
.isect5 .container .wrap .icon:before,
.isect5 .container .wrap .icon:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/iSolIcon.png) no-repeat left top;}
.isect5 .container .slide2 .wrap .icon:before{background-position: -100px top;}
.isect5 .container .slide2 .wrap .icon:after{background-position: -100px bottom;}
.isect5 .container .slide3 .wrap .icon:before{background-position: -200px top;}
.isect5 .container .slide3 .wrap .icon:after{background-position: -200px bottom;}
.isect5 .container .slide4 .wrap .icon:before{background-position: -300px top;}
.isect5 .container .slide4 .wrap .icon:after{background-position: -300px bottom;}
.isect5 .container .slide5 .wrap .icon:before{background-position: -400px top;}
.isect5 .container .slide5 .wrap .icon:after{background-position: -400px bottom;}
.isect5 .container .wrap .icon:after{background-position: left bottom;opacity: 0;}
.isect5 .container .wrap .num{width: 39px;height: 39px;margin: 0 auto 14px;position: relative;}
.isect5 .container .wrap .num:before{content: "";width: 31px;height: 31px;position: absolute;left: 4px;top:4px;background: #a0a0a0;border-radius: 50%;-webkit-transform: scale(0.22);transform: scale(0.22);}
.isect5 .container .wrap .num:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;box-sizing:border-box;border:1px solid #a0a0a0;border-radius: 50%;-webkit-transform: scale(0);transform: scale(0);}
.isect5 .container .wrap .num em{position: absolute;width: 100%;height: 100%;position: absolute;left: 0;top:19px;font-size: 14px;color: #222222;line-height: 39px;font-family: "ROBOTOREG";}
.isect5 .container .wrap h5{font-size: 18px;line-height: 30px;color: #333333;font-weight: normal;height: 60px;margin-bottom: 24px;}
.isect5 .container .wrap p{font-size: 14px;line-height: 24px;color: #00428e;font-weight: 300;height: 48px;overflow: hidden;opacity: 0;}
.isect5 .container .wrap:hover .icon{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.isect5 .container .wrap:hover .icon:before{opacity: 0;}
.isect5 .container .wrap:hover .icon:after{opacity: 1;}
.isect5 .container .wrap:hover .num:before{-webkit-transform: scale(1);transform: scale(1);background: #e08f1c;}
.isect5 .container .wrap:hover .num:after{-webkit-transform: scale(1);transform: scale(1);border-color: #e08f1c;}
.isect5 .container .wrap:hover .num em{top:0;color: #fff;}
.isect5 .container .wrap:hover h5{color: #00428e;}
.isect5 .container .wrap:hover p{opacity: 1;}

.readMore{display: block;margin: 0 auto;width: 175px;height: 39px;border:1px solid #00428e;border-radius: 20px;text-align: center;line-height: 39px;font-size: 14px;color: #00428e;}
.readMore:hover{background: #00428e;color: #fff;}

.isect6{padding: 94px 0 102px;background: url(../images/isect6Bg.jpg) no-repeat center;background-size: cover;margin-bottom: 70px;}
.isect6 .text{width: 42.2%;}
.isect6 .text .tit{margin-bottom: 50px;font-size: 30px;line-height: 75px;color: #ffffff;position: relative;}
.isect6 .text .tit:before{content: "";width: 50px;height: 4px;background: #ffffff;position: absolute;left: 0;bottom: 0;}
.isect6 .text .desc{font-size: 18px;line-height: 38px;color: #ffffff;height: 228px;overflow: hidden;}
.isect6 .text .desc b{font-size: 20px;font-weight: bold;}
.isect6 .video{width: 53.8%;margin-top: 9px;height: 369px;text-align: center;line-height: 369px;position: relative;overflow: hidden;cursor: pointer;}
.isect6 .video em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect6 .video i{width: 75px;height: 75px;position: absolute;left: 50%;top: 50%;margin: -37px 0 0 -37px;z-index: 2;background: url(../images/videoIcon.png) no-repeat center;background-size: 100% 100%;}
.isect6 .video video{max-width: 100%;max-height: 100%;}
.isect6 .video:hover i{-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.isect6 .video:hover em{-webkit-transform: scale(1.1);transform: scale(1.1);}

.isect7{margin-bottom: 100px;}
.isect7 .ititle{line-height: 63px;margin-bottom: 56px;}
.isect7 .ititle:before{width: 30px;margin-left: -15px;}
.isect7 .content{padding: 0 76px 63px;position: relative;}
.isect7 .content .swiper-button-prev,
.isect7 .content .swiper-button-next{width: 36px;height: 36px;position: absolute;top:26px;margin-top: 0;background: url(../images/arrow2.png) no-repeat left top;}
.isect7 .content .swiper-button-prev{left: 0;}
.isect7 .content .swiper-button-next{right: 0;background-position: right top;}
.isect7 .content .swiper-button-prev:hover,
.isect7 .content .swiper-button-next:hover{background-position-y:bottom;}
.isect7 .content .container{width: 100%;position: relative;overflow: hidden;}
.isect7 .content .container .pic{display: block;height: 85px;border:1px solid #dcdcdc;text-align: center;line-height: 85px;}
.isect7 .content .container .pic img{max-width: 80%;max-height: 80%;}
.isect7 .content .container .pic:hover{border-color: #00428e;}
.isect7 .content .swiper-pagination{width: 100%;bottom: 0;left: 0;height: 10px;line-height: 10px;font-size: 0;text-align: center;}
.isect7 .content .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;background: #00428e;opacity: 0.25;border-radius: 4px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.isect7 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 25px;opacity: 1;}


.footer{padding: 25px 0 0;border-top: 4px solid #00428e;background: #044996 url(../images/footerBg.jpg) no-repeat center bottom;background-size: cover;font-size: 14px;line-height: 24px;color: #ffffff;}
.footer .top{padding-bottom: 52px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer .top .tit{margin-bottom: 12px;position: relative;line-height: 70px;font-size: 18px;color: #ffffff;font-weight: normal;}
.footer .top .tit:before{content: "";width: 32px;height: 4px;position: absolute;left: 0;bottom: 0;background: #ffffff;}
.footer .top .item1{width: 24%;}
.footer .top .item1 p{/*padding: 5px 0;*/opacity: 0.8;padding: 1px 0 0;}
.footer .top .item2{width: 44.3%;}
.footer .top .item2 ul li{min-width: 50%;box-sizing:border-box;padding: 5px 5px 5px 0;opacity: 0.8;}
.footer .top .item3{width: 16.7%;}
.footer .top .item3 .select{padding-top: 15px;position: relative;}
.footer .top .item3 .select dt{border:1px solid rgba(255,255,255,0.5);border-radius: 5px;padding: 0 32px 0 11px;height: 34px;line-height: 34px;color: rgba(255,255,255,0.8);cursor: pointer;position: relative;}
.footer .top .item3 .select dt:before{content: "";width: 10px;height: 10px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;opacity: 0.5;
-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg);
position: absolute;right: 10px;top:9px;}
.footer .top .item3 .select dd{position: absolute;left: 0;bottom: 36px;background: #00428e;width: 100%;box-sizing:border-box;border: 1px solid rgba(255,255,255,0.5);border-radius: 5px;border-bottom: none;display: none;}
.footer .top .item3 .select dd ul{max-height: 250px;overflow: auto;}
.footer .top .item3 .select dd ul::-webkit-scrollbar{width:3px;height:3px}
.footer .top .item3 .select dd ul::-webkit-scrollbar-button:vertical{display:none}
.footer .top .item3 .select dd ul::-webkit-scrollbar-corner,
.footer .top .item3 .select dd ul::-webkit-scrollbar-track{background-color:#fff}
.footer .top .item3 .select dd ul::-webkit-scrollbar-thumb{border-radius:0;background-color:#80a1c7; }
.footer .top .item3 .select dd ul::-webkit-scrollbar-thumb:vertical:hover{ }
.footer .top .item3 .select dd ul::-webkit-scrollbar-thumb:vertical:active{ }
.footer .top .item3 .select dd ul li a{display: block;padding: 8px 11px;font-size: 14px;color: #fff;opacity: 0.8;line-height: 24px;font-size: 13px;}
.footer .top .item3 .select dd ul li a:hover{opacity: 1;}
.footer .top .item3 .select dt.cur:before{-webkit-transform: rotateZ(-225deg); -moz-transform: rotateZ(-225deg); -ms-transform: rotateZ(-225deg); transform: rotateZ(-225deg);top:14px;}
.footer .top .item4{width: 9%;padding-top: 26px;}
.footer .top .item4 .qrcode img{width: 100%;}
.footer .top .item4 .qrcode p{line-height: 32px;text-align: center;}

.footer .btm{padding: 66px 0 76px;}
.footer .btm .logo{height: 58px;line-height: 58px;}
.footer .btm .right{text-align: right;padding-top: 8px;}
.footer .btm .fNav li{margin-left: 22px;}
/* .footer .btm .fNav li:first-child{margin-left: 0;} */
.footer .btm .fNav li a{display: block;font-size: 16px;line-height: 27px;color: #ffffff;}
.footer .btm .copy{font-size: 13px;line-height: 24px;opacity: 0.8;font-weight: 300;}
.footer .btm .copy span{margin-left: 14px;}
.footer .btm .copy span:first-child{margin-left: 0;}

.floatBtn{height: 32px;margin-bottom: 12px;border:1px solid #fff;text-align: center;font-size: 16px;line-height: 32px;color: #fff;font-weight: bold;cursor: pointer;border-radius: 3px;}


@media screen and (max-width: 1600px){
.isect4 .tabs li a h5{font-size: 24px;padding-left: 44px !important;}
.isect4 .tabs li.li5 a h5{padding-left: 60px !important;}
.isect4 .tabs li a h5:before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform: scale(0.8);transform: scale(0.8);}
.isect4 .tabs li a i{right: 15px;}
}
@media screen and (max-width: 1400px){
.footer .top .item2{width: 48%;}
}
@media screen and (max-width: 1360px){
.w1354{width: auto;padding: 0 3%;}
.nav .nLi{padding: 0;width: 12%;text-align: center;}
.nav .nLi h3 a{font-size: 18px;display: inline-block;}
.nav .nLi.nLi1{width: 8%;}
.nav .nLi.nLi9{width: 5%;}

.banner .swiper-slide a{padding-bottom: 44%;}
.isect1 dl dd .container .wrap h5{font-size: 22px;}
.isect4 .content{padding: 147px 3% 195px;}

.isect5 .container .wrap{padding: 44px 12px 30px;}
.isect5 .container .wrap h5{font-size: 16px;}
}

@media screen and (max-width: 1300px){
.footer .btm{padding: 30px 0;}
/*.footer .top{display: none;}*/
.footer .btm .logo img{height: 30px;}


}
@media screen and (max-width: 1200px){
.nav,.header .right{display: none;}
.header .menuIcon{display: block;}
.header .menuIcon img{height: 22px;}

.isect4 .tabs{display: block;}
.isect4 .tabs:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.isect4 .tabs{zoom:1;}
.isect4 .tabs li{width: 33.33333%;float: left;border-bottom: 1px solid #fff;}
.isect4 .tabs li.active{width: 33.3%;}
.isect4 .tabs li a:before{bottom: -1px;}
.isect4 .content{padding: 80px 5%;}

.footer .btm .logo img{height: 24px;}
.footer .top .item4 .qrcode p{font-size: 12px;}
}


@media screen and (max-width: 1024px){
.isect1 dl{height: 60px;padding-left: 140px;}
.isect1 dl dt{width: 140px;height: 60px;line-height: 60px;}
.isect1 dl dt a{font-size: 24px;}
.isect1 dl dd{padding: 10px 12px;}
.isect1 dl dd .container{height: 40px;}
.isect1 dl dd .container .wrap{height: 40px;line-height: 40px;padding: 0 100px 0 20px;}
.isect1 dl dd .container .wrap h5{font-size: 18px;}
.isect1 dl dd .container .wrap span{font-size: 15px;}
.isect1 dl dd .container .wrap .dot{-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transform-origin:left center;transform-origin:left center;}

.isect3{margin-bottom: 60px;}
.isect3 .container{height: 100px;}
.isect3 .container a{height: 100px;}

.isect5 .container .wrap p{opacity: 1;color: #888;}

.isect6{padding: 60px 0;}
.isect6 .text,.isect6 .video{width: 100%;}

.footer .top{display: block;padding-bottom: 15px;}
/*.footer .top .item1,.footer .top .item2,.footer .top .item3{display: none;}
.footer .top .item4{width: 124px;margin: 0 auto;float: none;padding-top: 0;}*/

.footer .top .item2,.footer .top .item4{display: none;}
.footer .top .item1,.footer .top .item3{width: 50%;}
.footer .top .item2 ul li{width: 100%;}


.footer .btm{padding: 10px 0;}
.footer .btm .logo,.footer .btm .fNav{display: none;}
.footer .btm .right{width: 100%;text-align: center;}


}

@media screen and (max-width: 768px){
.header .logo{height: 66px;line-height: 66px;}
.header .logo img{height: 30px;}
.banner .swiper-button-prev, .banner .swiper-button-next{display: none;}
.banner .swiper-pagination{bottom: 5%;}

.isect1 dl{height: 44px;padding-left: 100px;}
.isect1 dl dt{width: 100px;height: 44px;line-height: 44px;}
.isect1 dl dt a{font-size: 16px;}
.isect1 dl dd{padding: 4px 8px;}
.isect1 dl dd .container{height: 36px;}
.isect1 dl dd .container .wrap{height: 36px;line-height: 36px;padding-right: 80px;}
.isect1 dl dd .container .wrap h5{font-size: 15px;}
.isect1 dl dd .container .wrap span{font-size: 13px;}

.isect2 .isect2_1,.isect2 .isect2_2{width: 100%;}
.isect2 .isect2_1{margin-bottom: 20px;}
.isect2 .isect2_2 .tabs ul li{margin-left: 30px;}
.list li a{padding-right: 82px;}
.list li a span{font-size: 14px;}
.list li a h5{font-size: 16px;}

.isect3{margin-bottom: 30px;}
.isect3 .container{height: 70px;}
.isect3 .container a{height: 70px;}

.isect4{margin-bottom: 30px;}
.isect4 .tabs li a{height: 68px;line-height: 68px;}
.isect4 .tabs li a i{display: none;}
.isect4 .tabs li.active a i{text-align: left;}
.isect4 .tabs li a h5{font-size: 15px;padding-left: 24px !important;}
.isect4 .tabs li.li5 a h5{padding-left: 44px !important;}
.isect4 .tabs li a h5:before{-webkit-transform: scale(0.6);transform: scale(0.6);}
.isect4 .content{padding: 50px 5%;}
.isect4 .content .wrap{width: 100%;padding: 30px 20px 0;height: 290px;}
.isect4 .content .wrap .container .slide .tit{font-size: 24px;margin-bottom: 15px;}
.isect4 .content .wrap .container .slide .tit em{font-size: 30px;margin-right: 8px;}
.isect4 .content .wrap .container .slide p{font-size: 14px;line-height: 25px;height: 75px;margin-bottom: 20px;}
.isect4 .content .wrap .container .slide ul{height: 60px;}
.isect4 .content .wrap .container .slide ul li a{font-size: 15px;line-height: 30px;}

.isect5{margin-bottom: 30px;}
.isect5 .container{margin-bottom: 20px;}
.isect5 .container:before{top:99px;}
.isect5 .container .wrap{padding: 14px;}
.isect5 .container .wrap .icon{-webkit-transform: scale(0.7);transform: scale(0.7);margin-bottom: 0;}
.isect5 .container .wrap:hover .icon{-webkit-transform: scale(0.7);transform: scale(0.7);}
.isect5 .container .wrap h5{font-size: 13px;line-height: 24px;height: 48px;margin-bottom: 12px;}
.isect5 .container .wrap p{font-size: 12px;line-height: 22px;height: auto;max-height: 44px;}

.ititle{font-size: 20px;line-height: 30px;padding: 10px 0;margin-bottom: 20px;}

.isect6{padding: 30px 0;margin-bottom: 30px;}
.isect6 .text{margin-bottom: 14px;}
.isect6 .text .tit{margin-bottom: 15px;font-size: 20px;line-height: 40px;padding-bottom: 10px;text-align: center;}
.isect6 .text .tit:before{left: 50%;margin-left: -25px;}
.isect6 .text .desc{font-size: 14px;line-height: 30px;height: auto;max-height: 120px;}
.isect6 .text .desc b{font-size: 14px;}
.isect6 .text, .isect6 .video{line-height:0;}

.isect7{margin-bottom: 30px;}
.isect7 .ititle{margin-bottom: 30px;padding: 0;}
.isect7 .content{padding: 0 40px 30px;}
.isect7 .content .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
.isect7 .content .swiper-button-prev, .isect7 .content .swiper-button-next{-webkit-transform: scale(0.8);transform: scale(0.8);}
.isect7 .content .container{box-sizing:border-box;padding: 0 2px;}


}

@media screen and (max-width: 468px){
.header .logo img{height: 20px;}
.header .menuIcon img{height: 16px;}

.banner .swiper-pagination{height: 6px;line-height: 6px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;border-radius: 3px;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 24px;}


.isect1{margin: 20px auto;}
.isect1 dl{padding-left: 0;height: auto;}
.isect1 dl dt{position: relative;width: 100%;height: 40px;line-height: 40px;}
.isect1 dl dd{border:1px solid #dcdcdc;border-top: none;padding: 4px;}
.isect1 dl dd .container .wrap{padding-right: 72px;}
.isect1 dl dd .container .wrap h5{font-size: 14px;}
.isect1 dl dd .container .wrap span{font-size: 12px;}

.isect2{margin-bottom: 20px;}
.isect2 .isect2_1 .container {padding-bottom: 20px;}
.isect2 .isect2_1 .container .wrap{padding-bottom: 53.8%;}
.isect2 .isect2_1 .container .wrap h5{font-size: 15px;padding: 0 12px;}
.isect2 .isect2_1 .container .swiper-pagination{bottom: 0;width: 100%;}
.isect2 .isect2_1 .container .swiper-pagination .swiper-pagination-bullet{background: #aaa;opacity: 1;width: 6px;height: 6px;}
.isect2 .isect2_1 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00428e;}
.isect2 .isect2_2 .tabs{margin-bottom: 8px;}
.isect2 .isect2_2 .tabs ul{text-align: center;}
.isect2 .isect2_2 .tabs ul li{float: none;display: inline-block;margin: 0 10px;}
.isect2 .isect2_2 .tabs ul li:first-child{margin-left: 10px;}
.isect2 .isect2_2 .tabs ul li a{line-height: 36px;font-size: 16px;}
.list li a{height: 48px;line-height: 48px;}

.isect3{margin-bottom: 20px;}
.isect3 .container{height: 50px;}
.isect3 .container a{height: 50px;}

.isect4{margin-bottom: 20px;}
.isect4 .tabs li a{height: 52px;line-height: 52px;}
.isect4 .tabs li a h5{font-size: 15px;padding-left: 24px !important;}
.isect4 .tabs li.li5 a h5{padding-left: 34px !important;}
.isect4 .tabs li a h5:before{-webkit-transform: scale(0.4);transform: scale(0.4);}
.isect4 .tabs li.active a{padding-left: 0;text-align: center;}
.isect4 .content{padding: 30px 5%;}
.isect4 .content .wrap{padding: 20px;height: auto;}
.isect4 .content .wrap .container .slide .tit{font-size: 18px;line-height: 34px;}
.isect4 .content .wrap .container .slide .tit em{font-size: 24px;}
.isect4 .content .wrap .container .slide ul{height: auto;}
.isect4 .content .wrap .container .slide ul li{width: 50%;}
.isect4 .content .wrap .container .slide ul li a{padding-right: 0;font-size: 13px;}
.isect4 .content .wrap .container .slide p{margin-bottom: 12px;}
.isect4 .bgContainer .swiper-slide em{background-position: 60% center;}

.isect5{margin-bottom: 20px;}
.isect5 .container:before{top:79px;}
.isect5 .container{margin-bottom: 0;}
.isect5 .container .wrap{padding-top: 0;}
.isect5 .container .wrap b{display: none;}
.isect5 .container .wrap h5{font-size: 13px;}

.readMore{width: 140px;height: 34px;line-height: 34px;font-size: 13px;}

.isect6{margin-bottom: 20px;}
.isect6 .text .tit{font-size: 20px;}
.isect6 .video{height: auto;}
.isect6 .video em{display: block;position: relative;height: 0;padding-bottom: 50.6%;}
.isect6 .video i{width: 50px;height: 50px;margin: -25px 0 0 -25px;}
.isect6 .video video{width: 100%;}

.isect7{margin-bottom: 20px;}
.isect7 .ititle{margin-bottom: 20px;}

.footer{padding-top: 20px;}
.footer .top{padding-bottom: 20px;}
.footer .btm .right{padding-top: 5px;}
.footer .btm .copy{font-size: 12px;line-height: 22px;}
.footer .btm .copy span{margin: 0;display: block;}
.footer .top .item1,.footer .top .item2,.footer .top .item3{width: 100%;}
.footer .top .tit{text-align: center;line-height: 44px;font-size: 16px;}
.footer .top .tit:before{left: 50%;margin-left: -16px;}
.footer .top .item1{text-align: center;}
.footer .top .item1 p{padding: 2px 0;}
.footer .top .item3 .select{padding-top: 0;text-align: center;width: 80%;margin: 0 auto;}



.list li a h5{font-size: 14px;}

.footer .top .item1,.footer .top .item2,.footer .top .item3{float: none;}
.footer .top .item4{display: block;width: 50%;float: none;margin: 0 auto;}
.footer .top .item4 .qrcode{display: none;}


}